@charset "utf-8";
/* CSS Document */

html, body  , #sb-site{
	width: 100%;
	height: 100%;
}
#toMV {
	position: relative;
	min-height: 650px;
	min-width:1000px;
	height: 50% !important;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.catch {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -235px 0 0 -50px;
	text-align: center;
	vertical-align: middle;
}
#catBox {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
}
#catBox nav ul li{
	background-repeat: no-repeat;
	background-size: cover;
	-ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
	background-position: center center;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
}
#catBox nav ul li a p{
	color: #fff;
	text-align: center;
	border: 0 none;
	text-decoration: none;
	font-size: 25px;
}
#catBox nav ul li.li01 a{
	background: rgba(0,0,0,.5);
	padding: 80px 0;
	display: block;
}
#catBox nav ul li.li02 a{
	background: rgba(0,0,0,.5);
	padding: 80px 0;
	display: block;
}
#catBox nav ul li.li03 a{
	background: rgba(0,0,0,.5);
	padding: 80px 0;
	display: block;
}
#catBox nav ul li.li04 a{
	background: rgba(0,0,0,.5);
	padding: 80px 0;
	display: block;
}
#catBox nav ul li.li01 a:hover{
	background: rgba(0,0,0,.0);
}
#catBox nav ul li.li02 a:hover{
	background: rgba(0,0,0,.0);
}
#catBox nav ul li.li03 a:hover{
	background: rgba(0,0,0,.0);
}
#catBox nav ul li.li04 a:hover{
	background: rgba(0,0,0,.0);
}
.article01 {
	padding: 100px 0;
	width: 100%;
	background: url("slashBG.png") repeat;
}
.article01 h1 {
	text-align: center;
	margin-bottom: 60px;
}
.article01 .mess{
	font-size: 1.5em;
	text-align:center;
	margin-bottom:25px;
	line-height:1.8 !important;
}
.sihgn {
	font-size:85%;
	text-align: center;
	margin-left: 400px;
}
#article02 {
	background: url("businessBG.png") no-repeat center center;
}
#article03 {
	background: url("facilitiesBG.png") no-repeat center center;
}
#article04 {
	background: url("technologyBG.png") no-repeat center center;
}
.articleBox {
	position:relative;
	padding: 100px 0;
	background-size: cover !important;
	-ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
	min-width:1000px;
}
.articleBox .ami{
	display:block;
	background:rgba(0,0,0,0.4);
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	z-index:1;-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.articleBox .ami:hover{
	background: rgba(0,0,0,0);-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.articleBox .inr {
	color: #fff;
	margin: 0 auto;
	padding:0 50px;
	max-width: 1200px;
	z-index:2;
}
.articleBox .inr h1 {
	font-size: 3em;
	margin-bottom: 20px;
	font-family: "Microsoft YaHei";
	position: relative;
	z-index: 5;
}
.articleBox .txt {
	font-size: 270%;
	margin-bottom: 10px;
	position: relative;
	z-index: 5;
}
.articleBox .subTxt {
	font-family: "Microsoft YaHei", sans-serif;
	font-size: 15px;
	margin-bottom: 60px;
	position: relative;
	z-index: 5;
}
.articleBox .linkBTN {
	position: relative;
	z-index: 5;
}

.topTitleBox {
	text-align: center;
	margin-bottom: 100px;
}
.topTitleBox .eg {
	font-weight: bold;
	font-size: 3em;
}
.topTitleBox .title {
	font-size: -2px;
}
.introBox {
	background: url("slashBG.png") repeat;
	padding: 50px 0 25px;
	min-width:1000px;
}
.introBox ul {
	margin: 0 auto;
	max-width: 1200px;
}
.introBox ul li {
	float:left;
	width:590px;
	margin:0 5px;
	margin-top: 10px;
}
.introBox ul li{
	position:relative;
	text-align:center;
	vertical-align: middle;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}
.introBox ul li a .icon_sankaku{
	position:absolute;
	bottom:8px;
	right:8px;
}
.introBox ul li.li01{
	background-image: url("introPanel_01.png");
}
.introBox ul li.li02{
	background-image: url("introPanel_02.png");
}
.introBox ul li.li03{
	background-image: url("introPanel_03.png");
}
.introBox ul li.li04{
	background-image: url("introPanel_04.png");
}
.introBox ul li.li01 a {
	display: block;

	display: block;

	width: 100%;
	height:100%;
	padding: 80px 0;
	background: rgba(0,0,0,.6);
}
.introBox ul li.li01 a:hover {
	background: rgba(0,0,0,.0);
}
.introBox ul li.li02 a {
	display: block;

	display: block;

	width: 100%;
	height:100%;
	padding: 80px 0;
	background: rgba(0,0,0,.6);
}
.introBox ul li.li02 a:hover {
	background: rgba(0,0,0,.0);
}
.introBox ul li.li03 a {
	display: block;

	display: block;

	width: 100%;
	height:100%;
	padding: 80px 0;
	background: rgba(0,0,0,.6);
}
.introBox ul li.li03 a:hover {
	background: rgba(0,0,0,.0);
}
.introBox ul li.li04 a {
	display: block;

	display: block;

	width: 100%;
	height:100%;
	padding: 80px 0;
	background: rgba(0,0,0,.6);
}
.introBox ul li.li04 a:hover {
	background: rgba(0,0,0,.0);
}


.introBox2 ul li.li01{
	background-image: url("catPanel_01.png");
}
.introBox2 ul li.li02{
	background-image: url("catPanel_02.png");
}
.introBox2 ul li.li03{
	background-image: url("catPanel_03.png");
}
.introBox2 ul li.li04{
	background-image: url("catPanel_04.png");
}
.miniTitle {
	color: #fff;
	text-align: center;
	width: 80%;
	margin: 0 auto;
}
.miniTitle .eg {
	font-family: "Microsoft YaHei";
	font-size: 2em;
	line-height: 2em;
}
.miniTitle .title {
	height: 6em;
	line-height: 1.5em;
}
.middleTitle {
	text-align: center;
	margin-bottom: 45px;
}
.middleTitle .eg {
	font-family: "Microsoft yahei";
	font-weight: bold;
	font-size: 250%;
}
.middleTitle .title {
	font-size: 100%;
}
.topAside {
	margin: 0 auto 100px;
	width: 1000px;
}
.newsBox {
	float: left;
	width: 47%;
}
.bnrBox {
	float: right;
	width: 47%;
}
.grayBox {
	background: #efefef;
	border: 1px solid #ccc;
	padding: 50px 0;
}
.grayBox ul li {
	text-align: center;
	margin-bottom: 8px;
}
.grayBox ul li:last-child {
	margin-bottom:0px;
}
.miniTitle .iheight{
	height: auto;
}